import React from 'react';

const ClipboardIcon: React.FC<{ className?: string }> = ({ className }) => {
  return (
    <svg 
      viewBox="0 0 24 24" 
      fill="none" 
      className={className}
      stroke="currentColor" 
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    >
      {/* Front square */}
      <rect x="6" y="6" width="10" height="10" rx="1" />
      {/* Back square */}
      <rect x="10" y="10" width="10" height="10" rx="1" />
      {/* Overlap effect */}
      <path d="M10 10h6v6" strokeOpacity="0.5" />
    </svg>
  );
};

export default ClipboardIcon;